@charset "utf-8";

.rankbanner{width:1180px; margin:0 auto; margin-top:20px; height:150px;background-image:url(../images/58.jpg);background-repeat:no-repeat;}

.rankbox{width:1178px; border:1px #EAD28A solid;margin:0 auto; border-top:1px;border-bottom:0px;}
.rankbox .lib{ width:294px; float:left; border-right:1px #EAD28A solid; float:left; height:680px;}
.rankbox .lib.last{ width:293px; border-width:0px;}
.rankbox .lib:hover{ background-color: #FEFFE6 }
.rankbox .lib .tit{ height:54px;  line-height:54px; border-bottom:1px #EAD28A solid; background-color:#FEFFCC;position:relative;  }
.rankbox .lib .tit .tname{ font-size:18px; color:#FF6666; padding-left:75px; background-image:url(../images/63.png);background-repeat:no-repeat; background-position: 30px center}
.rankbox .lib .tit .tname.t2{background-image:url(../images/64.png); color:#009966}
.rankbox .lib .tit .tname.t3{background-image:url(../images/65.png); color:#3399CC}
.rankbox .lib .tit .tname.t4{background-image:url(../images/66.png); color:#FF6600}
.rankbox .lib .tit .tname .time{ width:46px; height:24px; line-height:24px;color:#FFFFFF;text-align:center;background-color: #FF6666;border-radius:24px; position:absolute; right:20px; top:15px; font-size:12px;}
.rankbox .lib .tit .tname .time.t2{ background-color:#009966;}
.rankbox .lib .tit .tname .time.t3{ background-color:#3399CC;}
.rankbox .lib .tit .tname .time.t4{ background-color:#FF6600;}

.rankbox .lib .rankli{ width:250px;margin:0 auto; padding-left:10px; border-bottom:1px   #E8E8E8 solid; height:60px;}
.rankbox .lib .rankli .avatar{width:50px; height:48px; float:left; padding-top:12px;}
.rankbox .lib .rankli .avatar img{ width:36px; height:36px;border-radius:100%; }
.rankbox .lib .rankli .usert{ width:168px; height:52px; padding-top:8px; float:left; font-size:14px; color:#333333; line-height:150%}
.rankbox .lib .rankli .usert .t{ width:100px;}
.rankbox .lib .rankli .usert .num{ color:#999999; font-size:12px;}
.rankbox .lib .rankli .ranknum{ width:26px; height:26px; color:#FFFFFF; line-height:26px; text-align:center; font-size:12px; float:left;background-image:url(../images/62.png);background-repeat:no-repeat; margin-top:15px;} 
.rankbox .lib .rankli .ranknum.n1{background-image:url(../images/59.png);}
.rankbox .lib .rankli .ranknum.n2{background-image:url(../images/60.png);}
.rankbox .lib .rankli .ranknum.n3{background-image:url(../images/61.png);}
.rankbox.week{border:1px #ADD788 solid;border-top:1px;border-bottom:1px;}
.rankbox.week .lib{border-right:1px #ADD788 solid;}
.rankbox.week .lib.last{ width:293px; border-width:0px;}
.rankbox.week .lib .tit{border-bottom:1px #ADD788 solid;border-top:1px #ADD788 solid; background-color:#E0FCCF;}
.rankbox.month{border:1px #C4B9EC solid;border-top:1px;}
.rankbox.month .lib{border-right:1px #C4B9EC solid;}
.rankbox.month .lib.last{ width:293px; border-width:0px;}
.rankbox.month .lib .tit{border-bottom:1px #C4B9EC solid;border-top:1px #C4B9EC solid; background-color:#E7DBFB;}
